<template>
    <div @click="store.setTheme()" class="nvb_theme">
        <IconSun v-if="store.theme"></IconSun>
        <IconMoon v-else></IconMoon>
    </div>
</template>

<script setup lang="ts">
import { IconSun, IconMoon } from '@arco-design/web-vue/es/icon'
import { useStore } from '@/stores'
const store = useStore()
</script>

<style lang="scss" scoped>
.nvb_theme {
    margin-right: 20px;
    font-size: 18px;
    cursor: pointer;
    &:hover {
        color: var(--active);
    }
}
</style>
